$backColor: #202531;
$backColorG: #272832;
$colorRed: #D43B3B;
$colorYellow: #DCB976;

/*精彩活动*/
.activitiesMain {
  //width: 1346px;
  //width: 1200px;
  //height: 308px;
  margin: 30px auto;
  background: $backColor;
  box-shadow: 0 2px 10px 0 rgba(175,184,196,0.30);
}

.activitiesLeft {
  flex: 1;
}
.activitiesRight {
  width: 300px;
  display: inline-block;
  background: $backColorG;
}
.activitiesArt {
  padding: 15px 15px 20px;
  aside {
    font-size: 16px;
    color: #fff;
    padding: 8px 0;
    p {
      float: left;
      &:first-of-type {
        span {
          font-size: 12px;
          color: #fff;
          font-family: Arial;
          margin-left: 5px;
        }
      }
      &:last-of-type {
        float: right;
        a {
          font-size: 12px;
          color: #fff;
          span {
            margin-right: 5px;
          }
          &:hover {
            color: $colorRed;
          }
        }
      }
      &.actP {
        float: left;
      }
    }
  }
  section.activitiesSec {
    padding-top: 20px;
    ul {
      li {
        width: 280px;
        //float: left;
        flex: 1;
        text-align: center;
        margin-right: 15px;
        &:last-child {
          margin-right: 0;
        }
        p {
          line-height: 24px;
          &.actImg{
            img{
              width: auto;
              height: 166px;
              margin: 0 auto;
            }
          }
          &.title {
            font-size: 14px;
            color: #fff;
            padding-top: 15px;
          }
          &.time {
            font-size: 12px;
            color: #C4CBD4;
          }
        }
        a:hover {
          p {
            color: $colorRed;
          }
        }
      }
    }
  }
  .activitiesDiv{
    margin-top: 8px;
  }
}

/*服务优势*/
.activitiesDiv {
  ul {
    li {
      padding: 13px 0;
    }
  }
}
.actLi {
  flex: 1;
  p {
    img {
      width: 52px;
      height: 52px;
    }
    &:first-of-type {
      margin-right: 10px;
    }
    &.title {
      span {
        display: block;
        font-size: 12px;
        color: $colorYellow;
        &:first-of-type {
          font-size: 20px;
        }
      }
    }
  }
}
.actTime {
  font-size: 12px;
  color: $colorYellow;
  span {
    font-size: 35px;
    font-family: Arial;
  }
}
